body{
    background-color: #f4f4f4;
    
    .header{
        position: relative;
        .top{
            position: absolute;
            z-index: 9999;
            width: 100%;
            top: 0;
            left: 0;
            padding: .3rem .2rem;
            img{
                width: .6rem;
            }
        }
    }
    // 商品详情信息
    .bodys{
        background-color: #f4f4f4;
        .good-top{
            height: 1.1rem;
            background-color: #fff;
            padding: 0.2rem .2rem;
            margin-bottom: .26rem;
            // line-height: 1.1rem;
            span{
                color: #282828;
                font-size: .3rem;
                display: block;
            }
            i{
                font-style: normal;
                color: #f5445d;
                font-size: .28rem;
            }
        }
        .mess{
            padding: 0 .2rem;
            background-color: #fff;
            margin-bottom: .2rem;
            .m-top{
                height: .9rem;
                display: flex;
                li{
                    height: 100%;
                    line-height: .9rem;
                    flex: 1;
                    overflow: hidden;
                    span,i{
                        font-size: .24rem;
                        color: #505050;
                    }
                    i{
                        font-style: normal;
                        color: #505050;
                    }
                }
                li:nth-of-type(1){
                    padding-right: .2rem;
                }
                li:nth-of-type(2){
                    padding-left: .2rem;
                }
            }
            .m-bottom{
                height: .9rem;
                line-height: .9rem;
                overflow: hidden;
                span{
                    letter-spacing:.3rem;
                    font-size: .28rem;
                    color: #282828;
                }
                i,em{
                    font-style: normal;
                }
                em{
                    font-size: .2rem;
                    color: #505050;
                }
            }
        }
        // 图文详情
        .image-text{
            background-color: #fff;
            height: 3rem;
            margin-bottom: .2rem;
            .scsj-top{
                height: .9rem;
                line-height: .9rem;
                overflow: hidden;
                padding: 0 .2rem;
                span,i{
                    font-size: .3rem;
                    color: #282828;
                }
                i{
                    font-style: normal;
                    margin-left: .16rem;
                }
                a{
                    display: inline-block;
                    height: .5rem;
                    line-height: .5rem;
                    width: 1.8rem;
                    text-align: center;
                    color: #f5445d;
                    font-size: .26rem;
                    border: .01rem solid #f5445d;
                    border-radius: .4rem;
                    margin-top: .2rem;
                }
            }
            // 评价
            .scsj-assess{
                padding: 0 .2rem;
                background-color: #fff;
                height: 2.25rem;
                .photo{
                    overflow: hidden;
                    padding: 0rem 0 0.2rem 0;
                    .ff{
                        width: .42rem;
                    }
                    span{
                        margin-top: .1rem;
                        color: #282828;
                        font-size: .26rem;
                        margin-left: .2rem;
                    }
                    .mmm{
                        height: 100%;
                        line-height: 1.5rem;
                        border: 0;
                        line-height: 0;
                        width: 48%;
                        text-align: left;
                        margin-left: .2rem;
                        margin-top: .1rem;
                        img{
                            margin: 0;
                            width: .3rem;
                            display: inline-block;
                        }
                    }
                }
                .p-list{
                    p{
                        color: #595959;
                        font-size: .24rem;
                        line-height: .4rem;
                        // margin-bottom: .1rem;

                    }
                    i,{
                        font-weight: 400;
                        color: #767676;
                        font-size: .22rem;
                        font-style: normal;
                    }
                }
            }
        }
        // 图文详情带图片的那种
        .text-image{
            background-color: #fff;
            h2{
                height: .9rem;
                font-weight: 400;
                color: #f5445d;
                font-size: .3rem;
                width: 100%;
                text-align: center;
                line-height: .9rem;
            }
            img{
                display: inline-block;
                width: 100%;
            }
        }
    }
    // 底部
    .foot{
        position: relative;
        height: 1rem;
        display: flex;
        .act{
            p{
                font-size: .22rem;
                color:#f5445d;
            }
        }
        li{
            flex: 2;
            text-align: center;
            a{
                display: inline-block;
                width: 100%;
                margin-top: .1rem;
                img{
                    width: .4rem;
                }
                p{
                    margin-top: .1rem;
                    font-size: .22rem;
                    color: #282828;
                }
            }
        }
        .add{
            flex: 3;
            height: 100%;
            line-height: 1rem;
            text-align: center;
            color: #fff;
            background-color: #f5445d;
        }
    }
}